<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 静态引入 -->
	<link href="/custom/views/css/saas.css?20210415" 		rel="stylesheet" media="screen">
<!-- 以下是全局引入文件配置 -->
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
    <link href="/public/bootstrap-4.6.0/css/bootstrap.min.css" 		rel="stylesheet" media="screen">
	<!-- <link href="/resources/common/css/bootstrap-theme.min.css"	rel="stylesheet" media="screen"> -->

	<script type="text/javascript" src="/public/jquery-3.4.1/jquery.min.js"></script>
	<script type="text/javascript" src="/public/bootstrap-4.6.0/js/bootstrap.js"></script>
	<script type="text/javascript" src="/public/other/js/clipboard.min.js"></script>
	<script type="text/javascript" src="/public/other/js/md5.js"></script>
	<script type="text/javascript" src="/public/other/js/hashtable.js"></script>
	<script type="text/javascript" src="/custom/framework/js/methods.js"></script>
	<!-- 以上是全局引入文件配置 -->
	
	<!-- 以下是后台引入文件配置 -->
	<link href="/custom/framework/css/global.css?201900906" 	rel="stylesheet" media="screen">
    <link href="/custom/framework/css/pageicon.css?20190601" 	rel="stylesheet" media="screen">
	<link href="/custom/framework/css/popbox.css?20190601" 		rel="stylesheet" media="screen">
    <link href="../css/player.css" rel="stylesheet">
	<!-- 以上是后台引入文件配置 -->
	
	<!-- 以下是公共模块引入文件配置 -->
	<script type="text/javascript" src="/custom/framework/js/formpage.js?20190601"></script>
	<!-- 以上是共模块引入文件配置 -->

<title>中国美食</title>
</head>
<body class="body">
	<table style="height: 100%;">
		<tr style="height: 100%;">
			<td>
				<table style="background-color: #f2f2f2;height: 100%;box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px;">
					<tr>
						<td style="width: 60%; min-width: 800px;">
							<!-- 游戏区 -->
							<table style="height: 100%;">
								<!-- 地图 -->
								<tr style="height: 70%;">
									<td>
										<table style="height: 100%;background-color: #fff;">
											<tr>
												<td align="center" valign="middle">
													<div class="mapbackground" id="mapBackgroundDiv">
														<!-- <div class="mapbox" style="border: 1px #e7e7e7 solid;" onclick="mapmove()"></div> -->
													</div>
												    <!-- 战斗对话框 -->	
												    <div class="player-fight-div dn" id="playerFightDiv">
														<table class="df">
															<tr style="height: 25px;">
																<td align="right">
																	<span style="height: 22px;margin-right: 20px;font-size: 12px;cursor: pointer;" onclick="playerFightOver()">[关闭]</span>
																</td>
															</tr>
															<tr style="height: 1px;">
																<td></td>
															</tr>
															<tr style="height: 100%;">
																<td>
																	<!-- 用户交互 -->
																	<iframe src="/notallow.html" style="height: 100%;background-color: white;" allowtransparency="yes" id="playerFightIFrame"></iframe>
																</td>
															</tr>
														</table>
												    </div>
												</td>
											</tr>
										</table>
										
									</td>
								</tr>
								<tr style="height: 1px;">
									<td>
										<img alt="" src="/custom/framework/img/bkll.png" style="height: 3px; width: 100%">
									</td>
								</tr><!-- 技能 -->
								<tr style="height: 1px;">
									<td>
										<table style="background-color: #fff;">
											<tr style="height: 5px;">
												<td rowspan="6" style="width: 8px"></td>
												<td align="center">
													<table>
														<tr>
															<td class="rolename cdf" data-toggle="tooltip" title="您的角色名称">帅帅的小哥哥</td>
															<td class="roleattrname">生命</td>
															<td style="width: 180px">
																<table class="rolebox">
																	<tr style="height: 5px;">
																		<td class="df cdf" data-toggle="tooltip" title="当前生命值"><div class="roleboxdiv" style="background-color: #26df04; width: 15%"><span class="roleboxdiv">108</span>&nbsp;/&nbsp;<span class="roleboxdiv tdfb">358</span></div></td>
																	</tr>
																</table>
															</td>
															<td class="roleattrname">魔法</td>
															<td style="width: 180px">
																<table class="rolebox">
																	<tr style="height: 5px;">
																		<td class="df cdf" data-toggle="tooltip" title="当前魔法值"><div class="roleboxdiv" style="background-color: #0099FF; width: 15%"><span class="roleboxdiv">108</span>&nbsp;/&nbsp;<span class="roleboxdiv tdfb">358</span></div></td>
																	</tr>
																</table>
															</td>
															<td class="roleattrname">体力</td>
															<td style="width: 180px">
																<table class="rolebox">
																	<tr style="height: 5px;">
																		<td class="df cdf" data-toggle="tooltip" title="当前体力值"><div class="roleboxdiv" style="background-color: #EE0F00; width: 15%"><span class="roleboxdiv">108</span>&nbsp;/&nbsp;<span class="roleboxdiv tdfb">120</span></div></td>
																	</tr>
																</table>
															</td>
															<td class="rolename"></td>
														</tr>
													</table>
												</td>
												<td rowspan="6" style="width: 8px"></td>
											</tr>
											<!-- 经验数据条 -->
											<tr style="height: 6px;" data-toggle="tooltip" title="当前经验值">
												<td class="df cdf"><div style="height: 4px; background-color: #FFCC00; width: 15%"></div></td>
											</tr>
											<tr style="height: 1px;background-color: #f2f2f2;"><td></td></tr>
											<!-- 技能 -->
											<tr style="height: 71px;">
												<td>
													<table style="height: 100%;background-color: #fff;">
														<tr>
															<td>
																<div>
																	<div class="gongnengbox">技能aa</div>
																	<div class="gongnengbox">技能aa</div>
																	<div class="gongnengbox">技能aa</div>
																</div>
															</td>
														</tr>
													</table>
												</td>
											</tr>
											<tr style="height: 1px;background-color: #f2f2f2;"><td></td></tr>
											<!-- 功能 -->
											<tr style="height: 71px;">
												<td>
													<table style="height: 100%;background-color: #fff;">
														<tr>
															<td>
																<div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('20')">技能</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('30')">任务</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('40')">装备</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('50')">道具</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('60')">市场</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('70')">工会</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('80')">部落</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('90')">国家</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('300')">好友</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('200')">宠物</div>
																	<div class="gongnengbox" onclick="showPlayerActionDiv('100')">庄园</div>
																	<!-- <div class="gongnengbox" onclick="showPlayerActionDiv('500')">福利</div> -->
																</div>
															</td>
															<td width="10px"></td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
						<td width="1px">
							<img alt="" src="/custom/framework/img/bkll.png" style="width: 3px; height: 100%">
						</td>
						<td style="width: 40%; ">
							<!-- 扩展区 -->
							<table style="height: 100%;">
								<tr style="height: 88%;">
									<td>
										<table style="height: 100%;background-color: #fff;">
											<tr>
												<td style="width: 42%">
													<table style="height: 100%;">
														<tr style="height: 15%;">
															<td>
																<table>
																	<tr>
																		<td align="center" colspan="2" id="cruuentAreaNameTD"><h3>当前地图</h3></td>
																	</tr>
																	<tr style="height: 10px;">
																	</tr>
																	<tr>
																		<td align="center">
																		<input type="button" value="断线重连" onclick="refreshToken()" class="mapbutton">
																		</td>
																		<td align="center">
																		<input type="button" value="世界地图" onclick="worldMap()" class="mapbutton">
																		</td>
																	</tr>
																</table>
															</td>
														</tr>
														<tr style="height: 1px;">
															<td>
																<img alt="" src="/custom/framework/img/bkll.png" style="height: 3px; width: 100%">
															</td>
														</tr>
														<!-- NPC列表 -->
														<tr style="height: 43%;">
															<td valign="top">
																<div class="jiaohubox" id="gameMapAreaNpcAndMonsterDIV">
																	<div>
																		<span class="npc-list">村口的小胖</span>
																		<span class="game_button">战</span>
																		<span class="game_button">聊</span>
																		<span class="game_button">问</span>
																		<span class="game_button">答</span>
																	</div>
																</div>
															</td>
														</tr>
														<tr style="height: 1px;">
															<td>
																<img alt="" src="/custom/framework/img/bkll.png" style="height: 3px; width: 100%">
															</td>
														</tr>
														<!-- 怪物区 -->
														<tr style="height: 43%;">
															<td valign="top">
																<div class="jiaohubox" id="gameMapAreaPlayerDIV">
																	<div>
																		<span class="home-list">上三炷</span>
																		<span class="player-list" onclick="showPlayer('123')">流动的上三炷</span>
																		<span class="game_button" onclick="playerFightBegin('123','456')">战</span>
																		<span class="game_button">聊</span>
																		<span class="game_button">友</span>
																		<span class="game_button">换</span>
																	</div>
																</div>
															</td>
														</tr>
													</table>
												</td>
												<td width="1px">
													<img alt="" src="/custom/framework/img/bkll.png" style="width: 3px; height: 100%">
												</td>
												<td style="width: 58%">
													<table style="height: 100%;">
														<tr style="height: 50%;">
															<td valign="top">
																<div class="titlebox">公共消息</div>
																<div class="jiaohubox">
																	<div class="msg-box">
																		<span class="chat-public-msg cdf">帅帅的小妹:</span>
																		<span class="chat-public-msg">收购强攻宝石~~~~~</span>
																	</div>
																	<div class="msg-box">
																		<span class="chat-msg cdf">帅帅的小妹:</span>
																		<span class="chat-msg">收购强攻宝石~~~~~</span>
																	</div>
																	<div class="msg-box">
																		<span class="chat-msg cdf">帅帅的小妹:</span>
																		<span class="chat-msg">收购强攻宝石~~~~~</span>
																	</div>
																	<div class="msg-box">
																		<span class="chat-msg cdf">帅帅的小妹:</span>
																		<span class="chat-msg">收购强攻宝石~~~~~</span>
																	</div>
																</div>
															</td>
														</tr>
														<tr style="height: 1px;">
															<td>
																<img alt="" src="/custom/framework/img/bkll.png" style="height: 3px; width: 100%">
															</td>
														</tr>
														<tr style="height: 50%;">
															<td valign="top">
																<div class="titlebox" style="top: calc(45% + 10px);">个人消息</div>
																<div class="jiaohubox">
																	<div class="msg-box">
																		<span class="chat-private-msg cdf">暴走的萝莉:</span>
																		<span class="chat-private-msg">我有，你要多少~~~~~</span>
																	</div>
																</div>
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr style="height: 1px;">
									<td>
										<img alt="" src="/custom/framework/img/bkll.png" style="height: 3px; width: 100%">
									</td>
								</tr>
								<tr style="height: 78px;">
									<td>
										<table style="height: 98%;background-color: #fff;">
											<tr height="100%">
												<td style="width: 8px;"></td>
												<td width="80px">
													<img alt="我是谁" src="/custom/boxy.png" style="height: 68px; width: 72px;">
												</td>
												<td>
													<table style="height: 100%;background-color: #fff;">
														<tr>
															<td>
																<input type="button" value="背包" onclick="playerlogin('1231')" class="chatbutton">
																<input type="button" value="仓库" onclick="playerlogin('1231')" class="chatbutton">
																<input type="button" value="装备" onclick="playerlogin('1231')" class="chatbutton">
																<input type="button" value="图标" onclick="playerlogin('1231')" class="chatbutton">
																<input type="button" value="背包" onclick="playerlogin('1231')" class="chatbutton">
																<input type="button" value="地图" onclick="playerlogin('1231')" class="chatbutton">
															</td>
														</tr>
														<tr>
															<td>
																<table style="height: 100%;background-color: #fff;">
																	<tr>
																		<td style="width: 80px;">世界</td>
																		<td style="width: 8px;"></td>
																		<td><input type="text" style="padding: 3px;width: 98%" name="account"  placeholder="我是谁" autofocus></td>
																		<td style="width: 8px;"></td>
																		<td style="width: 48px;"><input type="button" value="发送" onclick="playerlogin('1231')" class="mapbutton"></td>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	
  <!-- 特殊对话框 -->	
  <div class="player-action-div dn" id="playerActionDiv">
	<table class="df">
		<tr style="height: 25px;">
			<td align="right">
				<span style="height: 22px;margin-right: 20px;font-size: 12px;cursor: pointer;" onclick="showPlayerActionDiv(999)">[刷新]</span>
				<span style="height: 22px;margin-right: 20px;font-size: 12px;cursor: pointer;" onclick="showPlayerActionDiv(9999)">[关闭]</span>
			</td>
		</tr>
		<tr style="height: 1px;">
			<td></td>
		</tr>
		<tr style="height: 533px;">
			<td>
				<!-- 用户交互 -->
				<iframe src="/notallow.html" style="height: 100%;background-color: white;" allowtransparency="yes" id="playerActionIFrame"></iframe>
			</td>
		</tr>
	</table>
  </div>
	
  <script src="js/variable.js?20200426"></script>
  <script src="js/token.js?20200426"></script>
  
  <script src="js/nsgs_system.js?20200426"></script>
  <script src="js/nsgs_chat.js?20200429"></script>
  
  <script src="js/player_action.js?20200426"></script>
  <script src="js/player_game.js?20200426"></script>
  <script src="js/player_map.js?20200426"></script>
  <script src="js/player_role.js?20200429"></script>
  <script src="js/player_timer.js?20200426"></script>
  
  <script src="js/game.js?20200426"></script>
</body>
</html>

